html{
    overflow: hidden;
}

body{
    overflow: hidden;
}

.details-warp{
    width: 7.5rem;
    overflow: hidden;
}
.details-warp .details-warp-content
{
    width: 7.5rem;
    overflow: hidden;
    position: relative;
}

.details-warp img{
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
}

.hide{
    display: none !important;
}

.opener {
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 4px solid  #ffffff;
    border-right: 4px solid #ffffff;
    position: fixed;
    left: 50%;
    bottom: 1.04rem;
    margin-left: -10px;
    filter:alpha(opacity=50); /* IE */
    -moz-opacity:0.7; /* 老版Mozilla */
    -khtml-opacity:0.7; /* 老版Safari */
    opacity: 0.7;
    /* -webkit-animation: opener .5s ease-in-out alternate infinite;
    animation: opener .5s ease-in-out alternate infinite;
    -webkit-transition: opacity .2s ease-in-out, transform .5s ease-in-out .2s;
    transition: opacity .2s ease-in-out, transform .5s ease-in-out .2s; */
}
/* @-webkit-keyframes opener {
    100% {
        bottom: 1.34rem
    }
}
@keyframes opener {
    100% {
        bottom: 1.34rem
    }
} */
.opener1 {
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 4px solid  #ffffff;
    border-right: 4px solid #ffffff;
    position: fixed;
    left: 50%;
    bottom: 1.26rem;
    margin-left: -10px;
    filter:alpha(opacity=50); /* IE */
    -moz-opacity:0.7; /* 老版Mozilla */
    -khtml-opacity:0.7; /* 老版Safari */
    opacity: 0.7;
    /* -webkit-animation: opener .5s ease-in-out alternate infinite;
    animation: opener .5s ease-in-out alternate infinite;
    -webkit-transition: opacity .2s ease-in-out, transform .5s ease-in-out .2s;
    transition: opacity .2s ease-in-out, transform .5s ease-in-out .2s; */
}